di Kevin Werbach
Versione 3.0 -- 21 luglio 1996
L'ultima versione di questo documento è disponibile a <http://werbach.com/barebones/>.
La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Ho incluso tutti i comandi presenti nelle specifiche di HTML 3.2 , come pure le estensioni presenti in Netscape Navigator, fino alla versione 3.0b5. Questa guida è stata ideata per essere più sintetica possibile; sono disponibili informazioni più dettagliate nella mia WWW Help Page. Sono sempre benvenuti commenti e suggerimenti.
Indice
Importante: Se non è chiara la differenza tra i comandi HTML 2.0, HTML 3.0, HTML 3.2 e le estensioni di Netscape, consiglio di leggere il W3C statement sullo sviluppo di HTML.
ELEMENTI DI BASE | |||
---|---|---|---|
|
Tipo |
<HTML></HTML> |
(inizio e fine del file) |
|
Titolo |
<TITLE></TITLE> |
(titolo del documento; deve essere nella testata) |
|
Testata |
<HEAD></HEAD> |
(informazioni descrittive; come il titolo) |
|
Corpo |
<BODY></BODY> |
(contenuto della pagina) |
FORMATTAZIONE DI STRUTTURA | |||
---|---|---|---|
|
Intestazioni (Headings) |
<H?></H?> |
(sono definiti 6 livelli) |
|
Allineamento |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> [*] |
|
|
Blocchi divisi |
<DIV></DIV> |
|
|
Allineamento |
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
|
Blocco di citazioni |
<BLOCKQUOTE></BLOCKQUOTE> [*] |
(generalmente rientrato) |
|
Evidenziato (Emphasis) |
<EM></EM> |
(generalmente visualizzato in corsivo) |
|
Molto evidenziato |
<STRONG></STRONG> |
(generalmente in neretto) |
|
Citazione |
<CITE></CITE> |
(generalmente in corsivo) |
|
Codice |
<CODE></CODE> |
(per listati di programmazione) |
|
Esempio di output |
<SAMP></SAMP> |
|
|
Immissione da tastiera |
<KBD></KBD> |
|
|
Variabile |
<VAR></VAR> |
|
|
Definizione |
<DFN></DFN> |
(non molto diffuso) |
|
Indirizzo dell'autore |
<ADDRESS></ADDRESS> |
|
|
Il font più grande |
<BIG></BIG> |
|
|
Il font più piccolo |
<SMALL></SMALL> |
|
FORMATTAZIONE DI PRESENTAZIONE | |||
---|---|---|---|
|
Neretto (Bold) |
<B></B> |
|
|
Corsivo (Italic) |
<I></I> |
|
N3.0b |
Sottolineato (Underline) |
<U></U> |
(non ancora molto diffuso) |
|
Depennato (Strikeout) |
<STRIKE></STRIKE> |
(non ancora molto diffuso) |
N3.0b |
Depennato (Strikeout) |
<S></S> |
(non ancora molto diffuso) |
|
Deponente (Subscript) |
<SUB></SUB> |
|
|
Esponente (Superscript) |
<SUP></SUP> |
|
|
Macchina da scrivere (Typewriter) |
<TT></TT> |
(visualizzato a spaziatura fissa) |
|
Preformattato |
<PRE></PRE> |
(visualizzato tale e quale) |
|
Larghezza |
<PRE WIDTH=?></PRE> |
(in caratteri) |
|
Centrato |
<CENTER></CENTER> [*] |
(sia per testo che immagini) |
N1.0 |
Lampeggiante (Blinking) |
<BLINK></BLINK> |
(il comando più ridicolo) |
|
Grandezza del Font |
<FONT SIZE=?></FONT> |
(valori da 1 a 7) |
|
Cambio grandezza font |
<FONT SIZE="+|-?"></FONT> |
|
N1.0 |
Grandezza font di base |
<BASEFONT SIZE=?> |
(da 1 a 7; default 3) |
|
Colore del font |
<FONT COLOR="#$$$$$$"></FONT> |
|
N3.0b |
Selezione del Font |
<FONT FACE="***"></FONT> |
|
N3.0b |
Testo in più colonne |
<MULTICOL COLS=?></MULTICOL> |
|
N3.0b |
Spazio tra le colonne |
<MULTICOL GUTTER=?></MULTICOL> |
(lo standard è di 10 pixel) |
N3.0b |
Larghezza della colonna |
<MULTICOL WIDTH=?></MULTICOL> |
|
N3.0b |
Spazio (Spacer) |
<SPACER> |
|
N3.0b |
Tipo di spazio |
<SPACER TYPE=horizontal| vertical|block> |
|
N3.0b |
Grandezza dello spazio |
<SPACER SIZE=?> |
|
N3.0b |
Dimensione dello spazio |
<SPACER WIDTH=? HEIGHT=?> |
|
N3.0b |
Allineamento dello spazio |
<SPACER ALIGN=left|right|center> |
|
COLLEGAMENTI E GRAFICI | |||
---|---|---|---|
|
Collegamento generale |
<A HREF="URL"></A> |
|
|
ad un punto(target) |
<A HREF="URL#***"></A> |
(se in un altro documento) |
<A HREF="#***"></A> |
(se nello stesso documento) | ||
N2.0 |
ad una finestra (target) |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
|
Definizione del punto |
<A NAME="***"></A> |
|
|
Relazione |
<A REL="***"></A> |
(non ancora molto diffuso) |
|
Relazione inversa |
<A REV="***"></A> |
(non ancora molto diffuso) |
|
Visualizzazione immagine |
<IMG SRC="URL"> |
|
|
Allineamento |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
N1.0 |
Allineamento |
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
|
testo alternativo |
<IMG SRC="URL" ALT="***"> |
(quando non viene visualizzata l'immagine) |
|
Mappa navigabile (Imagemap) |
<IMG SRC="URL" ISMAP> |
(richiede un script) |
|
Mappa navigabile locale |
<IMG SRC="URL" USEMAP="URL"> |
|
|
Denominazione della mappa |
<MAP NAME="***"></MAP> |
|
|
Sezioni della mappa |
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
|
Dimensioni |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(in pixel) |
|
Bordi |
<IMG SRC="URL" BORDER=?> |
(in pixel) |
|
spazio circostante |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(in pixel) |
N1.0 |
bassa risoluzione |
<IMG SRC="URL" LOWSRC="URL"> |
|
N1.1 |
Metodo Client Pull |
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> |
|
N2.0 |
Incorporazione di oggetti |
<EMBED SRC="URL"> |
(inserimento oggetto nella pagina) |
N2.0 |
grandezza oggetto |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
DIVISORI | |||
---|---|---|---|
|
Paragrafo |
<P></P> [*] |
(spesso il tag di chiusura non è necessario) |
|
Allineamento |
<P ALIGN=LEFT|CENTER|RIGHT></P> [*] |
|
|
Interruzione riga |
<BR> |
(singolo ritorno a capo) |
|
Pulizia margini |
<BR CLEAR=LEFT|RIGHT|ALL> |
|
|
Riga orizzontale |
<HR> |
|
|
Allineamento |
<HR ALIGN=LEFT|RIGHT|CENTER> |
|
|
Spessore |
<HR SIZE=?> |
(in pixel) |
|
Larghezza |
<HR WIDTH=?> |
(in pixel) |
N1.0 |
Larghezza in percentuale |
<HR WIDTH="%"> |
(come percentuale rispetto alla larghezza della pagina) |
|
Riga piena |
<HR NOSHADE> |
(senza l'effetto 3D) |
N1.0 |
Senza interruzione |
<NOBR></NOBR> |
(per evitare l'interruzione automatica della riga) |
N1.0 |
Interruzione |
<WBR> |
(per inserire l'interruzione dove desiderato in NOBR) |
LISTE |
| |||
---|---|---|---|---|
|
Liste senza ordine |
<UL><LI></UL> |
(<LI> prima di ogni elemento) |
|
|
compatta |
<UL COMPACT></UL> |
| |
|
tipo di pallina |
<UL TYPE=DISC|CIRCLE|SQUARE> |
(per tutta la lista) |
|
<LI TYPE=DISC|CIRCLE|SQUARE> |
(questo e successivi) |
| ||
|
Liste numerate |
<OL><LI></OL> |
(<LI> prima di ogni elemento) |
|
|
compatta |
<OL COMPACT></OL> |
| |
|
tipo di numero |
<OL TYPE=A|a|I|i|1> |
(per tutta la lista) |
|
<LI TYPE=A|a|I|i|1> |
(questo e successivi) |
| ||
|
numero di partenza |
<OL START=?> |
(per tutta la lista) |
|
<LI VALUE=?> |
(questo e successivi) |
| ||
|
Lista di definizioni |
<DL><DT><DD></DL> |
(<DT>=termine, <DD>=definizione) |
|
|
compatta |
<DL COMPACT></DL> |
| |
|
Lista tipo Menu |
<MENU><LI></MENU> |
(<LI> prima di ogni elemento) |
|
|
compatta |
<MENU COMPACT></MENU> |
| |
|
Lista tipo Directory |
<DIR><LI></DIR> |
(<LI> prima di ogni elemento) |
|
|
compatta |
<DIR COMPACT></DIR> |
|
SFONDO E COLORI | |||
---|---|---|---|
|
Immagine di sfondo |
<BODY BACKGROUND="URL"> |
|
|
Colore di sfondo |
<BODY BGCOLOR="#$$$$$$"> [*] |
(in ordine di Red/Green/Blue) |
|
colore del testo |
<BODY TEXT="#$$$$$$"> [*] |
|
|
colore dei collegamenti |
<BODY LINK="#$$$$$$"> [*] |
|
|
colore dei collegamenti visitati |
<BODY VLINK="#$$$$$$"> [*] |
|
|
colore del collegamento selezionato |
<BODY ALINK="#$$$$$$"> [*] |
|
(Sono disponibili informazioni più dettagliate a http://werbach.com/web/wwwhelp.html#color) |
CARATTERI SPECIALI (devono essere digitati in caratteri minuscoli) | |||
---|---|---|---|
|
carattere speciale |
&#?; |
(dove ? indica il codice ISO 8859-1) |
|
< |
< |
|
|
> |
> |
|
|
& |
& |
|
|
" |
" |
|
|
Registered TM |
® |
|
|
Copyright |
© |
|
|
Non-Breaking Space |
|
|
(La lista completa è disponibile a http://www.uni-passau.de/%7Eramsch/iso8859-1.html) |
MODULI | |||
---|---|---|---|
|
Definizione |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
|
N2.0 |
Upload di file |
<FORM ENCTYPE="multipart/form-data"></FORM> |
|
|
campo di immissione |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> |
|
|
denominazione del campo |
<INPUT NAME="***"> |
|
|
valore del campo |
<INPUT VALUE="***"> |
|
|
barrato? |
<INPUT CHECKED> |
(checkbox e radio) |
|
grandezza |
<INPUT SIZE=?> |
(in caratteri) |
|
lunghezza massima |
<INPUT MAXLENGTH=?> |
(in caratteri) |
|
lista di selezione |
<SELECT></SELECT> |
|
|
denominazione del campo |
<SELECT NAME="***"></SELECT> |
|
|
numero di opzioni |
<SELECT SIZE=?></SELECT> |
|
|
scelta multipla |
<SELECT MULTIPLE> |
(per selezionare più di un elemento) |
|
Opzioni |
<OPTION> |
(elementi che possono essere selezionati) |
|
opzione proposta |
<OPTION SELECTED> |
|
|
Finestra di immissione |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
denominazione del campo |
<TEXTAREA NAME="***"></TEXTAREA> |
|
N2.0 |
divisione del testo |
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
|
TABELLE | |||
---|---|---|---|
|
Definizione |
<TABLE></TABLE> [*] |
|
|
bordo |
<table border=?></TABLE> |
|
|
spazio tra celle |
<TABLE CELLSPACING=?> |
|
|
spazio all'interno |
<TABLE CELLPADDING=?> |
|
|
larghezza desiderata |
<TABLE WIDTH=?> |
(in pixel) |
|
Larghezza in percentuale |
<TABLE WIDTH="%"> |
(percentuale rispetto alla pagina) |
|
riga |
<TR></TR> |
|
|
allineamento |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
cella |
<TD></TD> |
(deve essere all'interno di una riga) |
|
allineamento |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
senza interruzione |
<TD NOWRAP> |
|
|
colonne da occupare |
<TD COLSPAN=?> |
|
|
righe da occupare |
<TD ROWSPAN=?> |
|
N1.1 |
larghezza desiderata |
<TD WIDTH=?> |
(in pixel) |
N1.1 |
larghezza desiderata in percentuale |
<TD WIDTH="%"> |
(percentuale rispetto alla tabella) |
N3.0b |
colore di sfondo della cella |
<TD BGCOLOR="#$$$$$$"> |
|
|
Intestazioni delle celle |
<TH></TH> |
(uguale alle celle di dati, ma in neretto e centrata) |
|
allineamento |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
senza interruzione |
<TH NOWRAP> |
|
|
colonne da occupare |
<TH COLSPAN=?> |
|
|
righe da occupare |
<TH ROWSPAN=?> |
|
N1.1 |
larghezza desiderata |
<TH WIDTH=?> |
(in pixel) |
N1.1 |
larghezza desiderata in percentuale |
<TH WIDTH="%"> |
(percentuale rispetto alla tabella) |
N3.0b |
colore di sfondo della cella |
<TH BGCOLOR="#$$$$$$"> |
|
|
Legenda della tabella |
<CAPTION></CAPTION> |
|
|
allineamento |
<CAPTION ALIGN=TOP|BOTTOM> |
(sopra o sotto la tabella) |
FRAME (quadri) | |||
---|---|---|---|
N2.0 |
Documento Frame |
<FRAMESET></FRAMESET> |
(al posto di <BODY>) |
N2.0 |
altezza in righe |
<FRAMESET ROWS=,,,></FRAMESET> |
(pixel o %) |
N2.0 |
altezza in righe |
<FRAMESET ROWS=*></FRAMESET> |
(* = misura relativa) |
N2.0 |
larghezza in colonne |
<FRAMESET COLS=,,,></FRAMESET> |
(pixel o %) |
N2.0 |
larghezza in colonne |
<FRAMESET COLS=*></FRAMESET> |
(* = misura relativa) |
N3.0b |
larghezza della cornice |
<FRAMESET BORDER=?> |
|
N3.0b |
cornice |
<FRAMESET FRAMEBORDER="yes|no"> |
|
N3.0b |
colore della cornice |
<FRAMESET BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
Definizione del Frame |
<FRAME> |
(contenuto di ogni singolo riquadro) |
N2.0 |
documento da visualizzare |
<FRAME SRC="URL"> |
|
N2.0 |
denominazione del frame |
<FRAME NAME="***"|_blank|_self|_parent|_top> |
|
N2.0 |
larghezza dei margini |
<FRAME MARGINWIDTH=?> |
(margine destro e sinistro) |
N2.0 |
altezza dei margini |
<FRAME MARGINHEIGHT=?> |
(margine alto e basso) |
N2.0 |
barra di scorrimento? |
<FRAME SCROLLING="YES|NO|AUTO"> |
|
N2.0 |
dimensione non modificabile |
<FRAME NORESIZE> |
|
N3.0b |
cornice |
<FRAME FRAMEBORDER="yes|no"> |
|
N3.0b |
colore della cornice |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
contenuto in assenza di frame |
<NOFRAMES></NOFRAMES> |
(per i browser che non supportano i frame) |
JAVA | |||
---|---|---|---|
|
Applet |
<APPLET></APPLET> |
|
|
nome del file |
<APPLET CODE="***"> |
|
|
parametri |
<APPLET PARAM NAME="***"> |
|
|
ubicazione del file |
<APPLET CODEBASE="URL"> |
|
|
denominazione del applet |
<APPLET NAME="***"> |
(per riferimenti presenti nella pagina) |
|
testo in alternativa |
<APPLET ALT="***"> |
(per i browser che non supportano Java) |
|
allineamento |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
dimensioni |
<APPLET WIDTH=? HEIGHT=?> |
(in pixel) |
|
spaziatura |
<APPLET HSPACE=? VSPACE=?> |
(in pixel) |
VARI | |||
---|---|---|---|
|
Commenti |
<!-- *** --> |
(non visualizzati dal browser) |
|
HTML 3.2 prologo |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*] |
|
|
Ricerca |
<ISINDEX> |
(indica che e' un documento collegato ad un database indicizzato in cui è possibile fare ricerche) |
|
Prompt |
<ISINDEX PROMPT="***"> |
(testo da anteporre alla casella di inserimento) |
|
Invio ricerca |
<A HREF="URL?***"></a> |
(usare il punto di domanda) |
|
URL base di questo file |
<BASE HREF="URL"> |
(deve essere nella testata) |
N2.0 |
denominazione di base della finestra |
<BASE TARGET="***"> |
(deve essere nella testata) |
|
Relazioni |
<LINK REV="***" REL="***" HREF="URL"> |
(deve essere nella testata) |
|
Meta Informazioni |
<META> |
(deve essere nella testata) |
|
Fogli di stile (Style Sheets) |
<STYLE></STYLE> |
(non ancora molto diffusi) |
|
Scripts |
<SCRIPT></SCRIPT> |
(non ancora molto diffusi) |
Copyright ©1995, 1996 Kevin Werbach. E' permessa la distribuzione non commerciale. Questa non è un prodotto di Bare Bones Software; la somiglianza del nome è una pura coincidenza. |
Indice | Elenco dei comandi | Versione testo | Kevin's Home Page
Traduzione a cura di Kay Martha Quittan (per informazioni vedi Kay On Line)